﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Navigation.ascx.cs" Inherits="UserControl_Navigation" %>
<div class="menu">
    <!--
        The buttons of menu below are shown at background format
        (You can see it in CSS and in file: style/images/up1.png)
        It's optimizing for your site.
        (Delete this paragraph when you done)
    -->
    <ul id="list_menu">
        <li class="menu_button"><a href="<%= ResolveUrl("~/Index.html")%>" class="menu_item menu_home">Home</a></li>
        <li class="menu_button"><a href="#" class="menu_item menu_shop">Shopping</a></li>
        <li class="menu_button"><a href="#" class="menu_item menu_treasure">Reward</a></li>
        <li class="menu_button"><a href="#" class="menu_item menu_faq">FAQ</a></li>
        <li class="menu_button"><a href="#" class="menu_item menu_sup">Support</a></li>
        <li class="menu_button"><a href="#" class="menu_item menu_cont">Contact</a></li>
    </ul>
            
    <div id="menu_window">
        <ul class="menu_box">
            <li class="box_home curr_box">Home</li>
            <li class="box_shop">Shopping</li>
            <li class="box_treasure">Reward</li>
            <li class="box_faq">FAQ</li>
            <li class="box_sup">Support</li>
            <li class="box_cont">Contact</li>
        </ul>
    </div>
</div>
<div class="user_statistic">
                <div class="user_info">
                    <p><b>Welcome, <span class="user_name"><a href="#">Username</a></span>!</b></p>
                    <p>
                        <b>Score: </b>
                        <span class="user_score">1.000.000</span>
                    </p>
                    <a class="user_link" href="#">Thông tin về điểm</a>
                </div>
                
                <div class="user_avatar">
                    <img src="style/images/no_avatar.png" width="50px" height="50px">
                </div>
            </div>
<div class="clear"></div>